{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"任务报价",back:1} %}
    <div class="pad5 fs8 c12">
        填写信息
    </div>
    <div class=" marlr5">
        <div class="flex-r flex-start c2 bcf pad5 mart5" v-if="targetPrice > 0">
            <div>一口价:</div>
            <div class="flex1">
                 [[targetPrice]]
            </div>
        </div>
        <div class="pad5 bcf mart5">
            <mu-text-field label="价格" placeholder="请输入报价价格" v-model="price" type="number"  max-length="10" full-width ></mu-text-field>
        </div>
        <div class="pad5 bcf mart5">
            <mu-text-field label="附言【可选】" v-model="tips" full-width multi-line :rows="4"
                           max-length="300" :rows-max="6" help-text="请输入报价说明，或其他交易过程中的重要信息"></mu-text-field>
{#            <mu-text-field placeholder="请输入报价说明，或其他交易过程中的重要信息" v-model="tips"  max-length="300"  full-width ></mu-text-field>#}
        </div>
    </div>
    <div class="pad10 bcf">
        <mu-button @click="submit()" round large :color="c1" full-width>报价</mu-button>
    </div>
{#    <div class="pad5 fs8 c12 mart10">#}
{#        报价记录#}
{#    </div>#}
{#    <div class=" pad5 bcf">#}
{#        <div class="mart5 bdda round3 tac pad9 fs8 c12">尚未报价</div>#}
{#    </div>#}
{#    <div class="c12 pad5 bcf lh2">#}
{#        <div class="flrc">#}
{#            <div class="flex1">2020-01-01 12:12</div>#}
{#            <div>#}
{#                <span class="fs8 pad5">报价</span>#}
{#                <span class="fs12 c1">￥100.0</span>#}
{#            </div>#}

{#        </div>#}
{#    </div>#}



{% endblock %}
